/* stylelint-disable scss/at-rule-no-unknown */
// These variables are used to override Ant Design's default variables.
// Changes to this file requires you to restart the React dev server for the effects to take place in the browser.

// https://ant.design/docs/react/customize-theme
@font-family: var(--header-font-family);
@primary-color: #5629c6;
@border-radius-base: 5px;
@message-notice-content-bg: rgba(0, 0, 0, 0.85);
@switch-color: #6fcf97;

// Buttons
@btn-font-weight: 300;
@btn-border-radius-base: 8px;
@btn-border-radius-sm: 8px;
@btn-shadow: none;
@btn-primary-shadow: none;
@btn-text-shadow: none;

@btn-primary-color: var(--text-primary-inverted);
@btn-primary-bg: @primary-color;

@btn-default-color: @primary-color;
@btn-default-bg: var(--color-primary-background);
@btn-default-border: var(--color-gray-400);

@btn-disable-color: var(--text-primary-inverted);
@btn-disable-bg: var(--color-gray-500);
@btn-disable-border: var(--color-gray-500);

@btn-font-size-lg: 16px;
@btn-font-size-sm: 12px;
@btn-padding-horizontal-base: 16px;

@btn-danger-color: var(--text-primary-inverted);
@btn-danger-bg: var(--color-red-400);
@btn-danger-border: var(--color-red-400);

// Progress
@progress-remaining-color: var(--color-purple-200);
@progress-info-text-color: var(--color-gray-500);
@progress-text-font-size: 12px;

@animation-duration-slow: 0;
@animation-duration-base: 0;
@animation-duration-fast: 0;
